﻿@model List<Pku.BookStore.Web.Models.CartModels>
@{
    Layout = null;
    ViewBag.Title = "购物车";
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/Content/base.css">
    <link href="/Content/purchase.css" rel="stylesheet" type="text/css">
    <title>我的购物车 - 图书商城</title>
    <script src="/Scripts/jquery-1.2.6.pack.js" type="text/javascript"></script>
</head>
<body>
    <div id="shortcut">
        <div class="w">
            <ul class="fl lh">
                <li class="fore1 ld"><b></b><a href="javascript:addToFavorite()">收藏本站</a></li>
                <li class="fore2"><a href="http://www.pku.edu.cn/" target="_blank">北京大学</a></li>
                <li class="fore3"><a href="http://www.pkudl.cn/" target="_blank">北大网院</a></li>
            </ul>
            <ul class="fr lh">
                <li class="fore1 ld" id="loginbar">您好，欢迎来到图书商城！<span><a href="/User/LogOn">[登录]</a>
                    <a href="/User/Reg" class="link-regist">[免费注册]</a></span></li>
                <li class="fore2"><a href="/User/OrderList">我的订单</a></li>
                <li class="fore2"><a href="#">帮助手册</a></li>
            </ul>
            <span class="clr"></span>
        </div>
    </div>
    <!--shortcut end-->
    <div class="w w1 header clearfix">
        <div id="logo">
            <a href="/">
                <img clstag="clickcart|keycount|xincart|logo" src="/images/logo.png" width="251"
                    height="46" title="返回图书商城首页" alt="返回图书商城首页"></a></div>
        <div class="language">
            <a href="javascript:void(0);" onclick="toEnCart()"></a>
        </div>
        <div class="progress clearfix">
            <ul class="progress-1">
                <li class="step-1"><b></b>1.我的购物车</li>
                <li class="step-2"><b></b>2.填写核对订单信息</li>
                <li class="step-3">3.成功提交订单</li>
            </ul>
        </div>
    </div>
    <div class="w cart">
        <h2 class="w1">
            我的购物车</h2>
        <div id="show">
            <input type="hidden" value="1" id="isLogin">
            <input type="hidden" value="491168,621605" id="ids">
            <div class="cart-frame">
                <div class="tl">
                </div>
                <div class="tr">
                </div>
            </div>
            <div class="cart-inner">
                <div class="cart-thead clearfix">
                    <div class="column t-goods" style="width: 450px">
                        商品</div>
                    <div class="column t-price">
                        价格</div>
                    <div class="column t-inventory" style="width: 150px">
                        货物
                    </div>
                    <div class="column t-quantity">
                        数量</div>
                    <div class="column t-action">
                        操作</div>
                </div>
                <div id="product-list" class="cart-tbody">
                    @{
                        int rowid = 1;
                        double TotalPrice = 0;
                        foreach (var item in Model)
                        {
                            TotalPrice += item.Quantity * item.TruePrice;
                        <div data-bind="rowid:@rowid" class="item item_selected ">
                            <div class="item_form clearfix">
                                <div class="cell p-goods">
                                    <div class="p-img">
                                        <a href="/Product/Detail/@item.BookID" target="_blank">
                                            <img clstag="clickcart|keycount|xincart|p-imglistcart" src="@item.Image"
                                                alt="@item.BookName" width="50px"></a></div>
                                    <div class="p-name">
                                        <a href="/Product/Detail/@item.BookID" clstag="clickcart|keycount|xincart|productnamelink"
                                            target="_blank">@item.BookName</a></div>
                                </div>
                                <div class="cell p-price">
                                    <span class="price">¥@item.TruePrice</span></div>
                                <div class="cell p-promotion">
                                </div>
                                <div class="cell p-inventory stock-491168">
                                    现货</div>
                                <div class="cell p-quantity">
                                    <div class="quantity-form" data-bind="">
                                        <a href="/Cart/?BookID=@item.BookID&Act=D&Num=1" class="decrement" clstag="clickcart|keycount|xincart|diminish1"
                                            id="decrement-491168-1-1">-</a>
                                        <input type="text" class="quantity-text" value="@item.Quantity" id="changeQuantity-491168-1-1-0">
                                        <a href="/Cart/?BookID=@item.BookID&Act=A&Num=1" class="increment" clstag="clickcart|keycount|xincart|add1"
                                            id="increment-491168-1-1-0">+</a>
                                    </div>
                                </div>
                                <div class="cell p-remove">
                                    <a id="remove-491168-1" data-name="@item.BookName" data-more="removed-99.00-1"
                                        clstag="clickcart|keycount|xincart|btndel318558" class="cart-remove" href="/Cart/?BookID=@item.BookID&Act=D">
                                        删除</a></div>
                            </div>
                            <div class="item_extra">
                                <div class="sku-yanBao" data="skuYb_491168_0">
                                </div>
                            </div>
                        </div>
                            rowid++;
                        }
                    }
                </div>
                <!-- product-list结束 -->
                <div class="cart-total clearfix">
                    <div class="total fr">
                        <span id="finalPrice" data-bind="@TotalPrice">¥@TotalPrice</span>总计：</div>
                </div>
            </div>
            <!-- cart-inner结束 -->
            <div class="cart-frame">
                <div class="bl">
                </div>
                <div class="br">
                </div>
            </div>
            <div class="cart-button clearfix">
                <a class="btn continue" href="/" clstag="clickcart|keycount|xincart|continueBuyBtn"
                    id="continue"><span class="btn-text">继续购物</span></a> <a class="checkout" href="/Cart/Order"
                        clstag="clickcart|keycount|xincart|gotoOrderInfo" id="toSettlement">去结算</a>
            </div>
        </div>
        <div class="cart-removed" style="display: none;">
            <div class="r-title">
                已删除商品，您可以重新购买或加关注：</div>
        </div>
    </div>
    <div class="w">
        <hr />
        <div id="footer">
            <div class="links">
                <a href="#" target="_blank">关于我们</a>|<a href="#" target="_blank">联系我们</a>|<a href="#"
                    target="_blank">人才招聘</a></div>
            <div class="copyright">
                Copyright&#169;2012&nbsp;&nbsp;图书商城&nbsp;版权所有</div>
        </div>
    </div>
    <!-- footer end -->
</body>
</html>
